/* 
    Document   : orders
    Created on : 23-mrt-2012, 9:49:26
    Author     : Mariëlle Verwimp
    Description:
        stylesheet for the orders pages.
*/

#orders{
    float: left;
    width: 99%;
    padding-bottom: 20px;
    margin: 0 0.5% 0 0.5%;
}
#info_orders{ /* the div */
    float: left;
    width: 99%;
    margin: 0 0.5% 0 0.5%;
    background: white;
    min-height: 80px;
}
#order_info{ /* the table */
    float: left;
    width: 30%;
    border-collapse: collapse; 
    table-layout: fixed;
    min-width: 415px;
    margin-left: 0.5%;
}
#order_info table tr .table_right{
    position: absolute;
    left: 270px;
}
#order_info table tr .table_right_info{
    position: absolute;
    left: 350px;
}
#order_content{
    border-collapse: collapse; 
    table-layout: fixed;
    margin-top: 5px;
}
#order_content .head_small{
    background: #0174a8;
    font-size: 14px;
    color: white;
}
#order_content .odd{ background: #c8ffff; }
#order_content .even{ background: #ffffff; }
#pager_order{ margin-top: 20px; float: right;}
/* ***** Navigation ***** */
#info_nav{
    margin: 0 0.5%;
    padding: 0;
    float: left;
    width: 99%;
}
#info_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#info_nav ul li{
    float: left;
    padding-top: -5px;
}
#info_nav ul li img{
    margin: 1px 5px -5px 3px;
}
#info_nav a{
    font-size: 14px;
    font-weight: bold;
}
#info_nav ul .sel{
    width: 113px;
    height: 24px;
    background: url(../images/Backgrounds/bg_info_tab_sel.png) no-repeat;
}
#info_nav ul .no_sel{
    width: 113px;
    height: 24px;
    background: url(../images/Backgrounds/bg_info_tab_no_sel.png) no-repeat;
}
#info_nav ul a{
    color: black;
}
/* ***** material page ***** */
#materials_content{
    float: left;
    width: 99%;
    border-collapse: collapse; 
    table-layout: fixed;
    margin: 0.5% 0.5% 0 0.5%;
}
#materials_content .head_small{
    background: #0174a8;
    font-size: 14px;
}